.news-list {
  position: absolute;
  // margin-top: 0.8rem;
  width: 100%;

  .news-item {
    padding: 0.1rem;

    img {
      height: 100%;
    }
    .info {
      font-size: 0.12rem;
      color: #999;
      height: 0.25rem;
      line-height: 0.25rem;
      border-bottom: 0.01rem solid #ededed;
      .author {
        float: right;
      }
    }
    .title {
      padding: 0.05rem 0;
      line-height: 0.2rem;

      h1 {
        font-size: 0.16rem;
      }
    }
    &.type-1 {
      .main {
        display: flex;

        .pic {
          flex: 1;
          background-color: #eee;
          box-sizing: border-box;
        }

        .title {
          flex: 2;
          padding-right: 0.1rem;
          box-sizing: border-box;
        }
      }
    }
    &.type-2,
    &.type-3 {
      .pic {
        display: flex;
        justify-content: center;

        .img {
          flex: 1;
        }
      }
    }
  }
}
